<%--
  Created by IntelliJ IDEA.
  User: liu
  Date: 2022/10/27
  Time: 19:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <title>影院热映大片_热映电影票房_高清电影影视大全-杰杰电影</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css" tppabs="${pageContext.request.contextPath}/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/films.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
</head>
<body >
<div class="page_movie">
    <!-- 头部导航 -->
    <div class="header">
        <div class="header-inner">
            <div class="nav">
                <!-- logo -->
                <div class="logo">
                    <a href=""><img src="${pageContext.request.contextPath}/img/jiejie_logo.png" alt=""></a>
                </div>
                <div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/orderby">榜单</a></div>
                </div>

                <div class="search-form">
                    <input type="text" class="search-text">
                    <a href=""><span class="search-img"></span></a>

                </div>
                <div class="head-user">
                    <a href="login.html" class="loginBtn">登录</a>
                    <a href="regist.html" class="loginBtn">注册</a>
                </div>
                <div class="user-info">
                    <div class="user-avatar has-login">
                        <img src="${pageContext.request.contextPath}/img/touxiang.png">
                        <ul class="user-menu yes-login-menu">
                            <li class="text"><a href="">我的订单</a></li>
                            <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                            <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 避免下面的块上移 -->
    <div class="header-m"></div>

    <!-- 菜单 -->
    <div class="subnav">
        <ul class="navbar">
            <li> <a href="javascript:void(0)" class="active" >正在热映</a></li>
            <li> <a href="javascript:void(0)" >即将上映</a></li>
            <li> <a href="javascript:void(0)" >经典影片</a></li>
        </ul>
    </div>
    <!-- 中间 -->
    <div class="container">
        <div class="movies-channel">

            <!-- 筛选 -->
            <div class="tags-panel">
                <ul class="tags-lines">
                    <li class="tags-line" data-val="{tagTypeName:'cat'}">
                        <div class="tags-title">类型 :</div>
                        <ul class="tags tags-a">
                            <li class="active" data-state-val="{ catTagName:'全部'}">
                                <a data-act="tag-click" data-val="{TagName:'全部'}" href="javascript:void(0)">全部</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'爱情'}" href="javascript:void(0)">爱情</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'喜剧'}" href="javascript:void(0)">喜剧</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'动画'}" href="javascript:void(0)">动画</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'剧情'}" href="javascript:void(0)">剧情</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'恐怖'}" href="javascript:void(0)">恐怖</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'惊悚'}" href="javascript:void(0)">惊悚</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'科幻'}" href="javascript:void(0)">科幻</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'动作'}" href="javascript:void(0)">动作</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'悬疑'}" href="javascript:void(0)">悬疑</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'犯罪'}" href="javascript:void(0)">犯罪</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'冒险'}" href="javascript:void(0)">冒险</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'战争'}" href="javascript:void(0)">战争</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'奇幻'}" href="javascript:void(0)">奇幻</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'运动'}" href="javascript:void(0)">运动</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'家庭'}" href="javascript:void(0)">家庭</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'古装'}" href="javascript:void(0)">古装</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'武侠'}" href="javascript:void(0)">武侠</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'西部'}" href="javascript:void(0)">西部</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'历史'}" href="javascript:void(0)">历史</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'传记'}" href="javascript:void(0)">传记</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'歌舞'}" href="javascript:void(0)">歌舞</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'黑色电影'}" href="javascript:void(0)">黑色电影</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'短片'}" href="javascript:void(0)">短片</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'纪录片'}" href="javascript:void(0)">纪录片</a>
                            </li>


                            <li>
                                <a data-act="tag-click" data-val="{TagName:'其他'}" href="javascript:void(0)">其他</a>
                            </li>
                        </ul>
                    </li>
                    <li class="tags-line tags-line-border" data-val="{tagTypeName:'source'}">
                        <div class="tags-title">区域 :</div>
                        <ul class="tags tags-b">
                            <li class="active" data-state-val="{ catTagName:'全部'}">
                                <a data-act="tag-click" data-val="{TagName:'全部'}" href="javascript:void(0);">全部</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'大陆'}" href="javascript:void(0)">大陆</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'美国'}" href="javascript:void(0)">美国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'韩国'}" href="javascript:void(0)">韩国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'日本'}" href="javascript:void(0)">日本</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'中国香港'}" href="javascript:void(0)">中国香港</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'中国台湾'}" href="javascript:void(0)">中国台湾</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'泰国'}" href="javascript:void(0)">泰国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'印度'}" href="javascript:void(0)">印度</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'法国'}" href="javascript:void(0)">法国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'英国'}" href="javascript:void(0)">英国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'俄罗斯'}" href="javascript:void(0)">俄罗斯</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'意大利'}" href="javascript:void(0)">意大利</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'西班牙'}" href="javascript:void(0)">西班牙</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'德国'}" href="javascript:void(0)">德国</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'波兰'}" href="javascript:void(0)">波兰</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'澳大利亚'}" href="javascript:void(0)">澳大利亚</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'伊朗'}" href="javascript:void(0)">伊朗</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'其他'}" href="javascript:void(0)">其他</a>
                            </li>
                        </ul>
                    </li>
                    <li class="tags-line tags-line-border" data-val="{tagTypeName:'year'}">
                        <div class="tags-title">年代 :</div>
                        <ul class="tags tags-c">
                            <li class="active" data-state-val="{ yearTagName:'全部'}">
                                <a data-act="tag-click" data-val="{TagName:'全部'}" href="javascript:void(0);" style="cursor: default">全部</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2022'}" href="javascript:void(0)">2022</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2021'}" href="javascript:void(0)">2021</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2020'}" href="javascript:void(0)">2020</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2019'}" href="javascript:void(0)">2019</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2018'}" href="javascript:void(0)">2018</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2017'}" href="javascript:void(0)">2017</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2016'}" href="javascript:void(0)">2016</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2015'}" href="javascript:void(0)">2015</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2014'}" href="javascript:void(0)">2014</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2013'}" href="javascript:void(0)">2013</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2012'}" href="javascript:void(0)">2012</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2011'}" href="javascript:void(0)">2011</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'2000-2010'}" href="javascript:void(0)">2000-2010</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'90年代'}" href="javascript:void(0)">90年代</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'80年代'}" href="javascript:void(0)">80年代</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'70年代'}" href="javascript:void(0)">70年代</a>
                            </li>
                            <li>
                                <a data-act="tag-click" data-val="{TagName:'更早'}" href="javascript:void(0)">更早</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- 内容 -->
            <div class="movies-panel">
                <div class="movies-sorter">
                    <!--排序 -->
                    <div class="cat-sorter">
                        <ul>
                            <li>
                                <span class="sort-control-group">
                                <span class="sort-control sort-radio sort-radio-checked" href="javascript:void(0)"></span>
                                <span class="sort-control-label">按热门排序</span>
                                </span>
                            </li>
                            <li>
                    <span class="sort-control-group" >
                      <span class="sort-control sort-radio" href="javascript:void(0)"></span>
                      <span class="sort-control-label">按时间排序</span>
                    </span>
                            </li>
                            <li>
                    <span class="sort-control-group" >
                      <span class="sort-control sort-radio" href="javascript:void(0)"></span>
                      <span class="sort-control-label">按评价排序</span>
                    </span>
                            </li>
                        </ul>
                    </div>


                    <!-- 图片内容 -->
                    <div class="movies-list">
                        <ul class="movie-list">
                            <li class="poster-item">

                                <a class="wrap" href="XQing.html">
                                    <input type="hidden" value="">
                                    <p class="hidden"></p>
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap" >
                                        <span >时间有他</span>
                                    </div>
                                    <div class="num-wrap">
                                        9.7
                                    </div>
                                </a>
                            </li>

                            <%--<li class="poster-item">
                                <a class="wrap" href="XQing.html">
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap">
                                        <span >时间有他</span>
                                    </div>
                                </a>
                            </li>

                            <li class="poster-item">
                                <a class="wrap" href="XQing.html">
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap">
                                        <span >时间有他</span>
                                    </div>
                                </a>
                            </li>

                            <li class="poster-item">
                                <a class="wrap" href="XQing.html">
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap">
                                        <span >时间有他</span>
                                    </div>
                                </a>
                            </li>

                            <li class="poster-item">
                                <a class="wrap" href="XQing.html">
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap">
                                        <span >时间有他</span>
                                    </div>
                                </a>
                            </li>

                            <li class="poster-item">
                                <a class="wrap" href="XQing.html">
                                    <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                                    <div class="btn-wrap">
                                        <span >时间有他</span>
                                    </div>
                                </a>
                            </li>--%>
                        </ul>
                    </div>

                    <!-- 这故事继续翻页再翻页——翻页区 -->
                    <div class="page-select">
                        <span>分页:共</span>
                        <a class="pages">1</a>
                        <span>页 / </span>
                        <a class="total">100</a>
                        <span>条</span>
                        <a href="javascript:void(0)" class="upper">上一页</a>
                        <span>
                 当前是第
                 </span>
                        <a class="current">1</a>
                        <span>
                 页
                 </span>
                        <a href="javascript:void(0)" class="down">下一页</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<script src="${pageContext.request.contextPath}/js/films.js"></script>
</body>
</html>
